<!-- 会员充值 -->
<template>
	<view class="recharge-con bg-white">
			<view class="voucher_center__1 bg-white">
				<text decode="true" class="voucher_center__47">会员类型</text>
				<view class="items">
					<view class="item" 
						v-for="(item,index) in vipLevels" :key="item.id"
						:class="item.active?'active':''"
						@tap="choseVipLevel(item)">
						<text class="text-price">
							{{item.vipPrice}}
							<text class="yuan">元</text>
						</text>
						<text class="title">{{item.vipName}}</text>
					</view>
				</view>
				
				<view class="voucher_center__48">
					<text decode="true" class="voucher_center__49">
						￥
						<!-- 充值金额 -->
					</text>
					<input :value="money" class="money" disabled="true" />
				</view>
				
				<view class="pay-style-con">
					<view class="con-title">付款方式</view>
					<view :class="payType=='0'?'oper-btn-active':'oper-btn'" @tap="changePayType('0')">
						<image class="icon" src="https://ylb123.oss-cn-hangzhou.aliyuncs.com/app/pay-style-wx.png" mode=""></image>
						<text class="title">微信</text>
						<image v-if="payType=='0'" class="icon-jiao-active" src="https://ylb123.oss-cn-hangzhou.aliyuncs.com/app/icon-32-dui-hao.png" mode=""></image>
					</view>
					<view :class="payType=='1'?'oper-btn-active':'oper-btn'" @tap="changePayType('1')">
						<image class="icon" src="https://ylb123.oss-cn-hangzhou.aliyuncs.com/app/pay-style-zfb.png" mode=""></image>
						<text class="title">支付宝</text>
						<image v-if="payType=='1'" class="icon-jiao-active" src="https://ylb123.oss-cn-hangzhou.aliyuncs.com/app/icon-32-dui-hao.png" mode=""></image>
					</view>
				</view>
				
				<!-- <button v-on:click="btSubmit_21_click()" class="btSubmit">确认支付</button> -->
				<view style="width: 100%; height: 40upx;"></view>
				<button @tap="submitOrder" class="btSubmit">确认支付</button>
				<!-- <button @tap="toMine" class="btSubmit">个人中心</button> -->
				
				<text decode="true" class="voucher_center__22">充值须知</text>
				<text decode="true" class="voucher_center__23">
					<text>
						1、目前支持【支付宝】和【微信】在线充值。
					</text>
					<text>
						2、充值前请先选择【会员类型】，充值金额会按所选会员类型自动填写。
					</text>
					<text>
						3、若有其他疑问，请及时联系平台客服处理。
					</text>
					
				</text>
			</view>
			<!-- <view style="height: auto; overflow: scroll; border: 3px solid #ff0000;">
				<view>orderInfo2:{{orderInfo2}}</view>
				<view>requestPaymentComplate:{{requestPaymentComplate}}</view>
			</view> -->
	</view>
</template>

<script>
	import voucher_center_ from "./voucher_center_.js";
	export default voucher_center_;
	
</script>

<style lang="scss" scoped>
   @import url("@/plugin/animate.min.css");
   @import './voucher_center_.scss'
</style>
